<template>
  <div>
    <!-- 1.根据目录自动生成路由 -->
    <h1>this is about</h1>
    title | {{title}}
    <!-- 2.路由组件 -->
  </div>
</template>

<script>
import axios from 'axios'
export default {
  // 获取服务端渲染数据
  async asyncData() {
    // 异步请求
    const { data } = await axios({
      method: 'get',
      url: 'http://localhost:3000//data.json',
    })
    console.log(data)
    // 返回的数据会和data() {}中的数据一起合并在一起给页面首屏加载使用
    return {
      title: data.title,
    }
  },
}
</script>

<style>
</style>